

.me-datas{

    .datas-data{
        width: 100%;
        height: 280px;
        background-color:#4294FF ;
        box-sizing: border-box;
        padding: 0 20px;
        color: white;
        font-weight: bold;

        .datas1{
            height: 50px;
            width: 100%;
            line-height: 50px;
            font-size: 20px;
        }

        .datas2{
            justify-content: space-between;
            align-items: center;
            p{
                img{
                    width: 60px;
                    height: 60px;
                    border-radius: 50%;
                }
            }

        }

        .datas3{
            margin-bottom: 20px;

            div{
                flex: 1;
                .datas-name{
                    color: rgba(170, 217, 247, 100);
                }

                .datas-name2{
                    font-size: 40px;

                    span{
                        font-weight: normal;
                        font-size: 10px;
                    }
                }

            }

        }

        .datas4{
            justify-content: space-between;

            div{

                .datas-name{
                    font-size: 14px;
                    color: rgba(170, 217, 247, 100);
    
                }
                .datas-name2{
                    font-size: 14px;
                    line-height: 26px;
    
                }

            }

            
        }
    }

    .datas-chart{
        box-sizing: border-box;
        padding: 20px 20px;
        background-color: #F9F9F9;

        li{
            display: block;
            width: 100%;
            height: 250px;
            border-radius: 10px;
            border: 1px solid #ccc;
            background-color: white;
            box-sizing: border-box;
            padding: 20px 10px;
            margin-bottom: 20px;
        }


    }



}